<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>智慧环卫</title>
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/index.css">
		<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<div class="header clearfix">
				<div class="logo">智慧环卫平台</div>
				<ul class="topnav clearfix">
					<li class="on"><a href="">环卫一张图</a></li>
					<li><a href="">设施管理</a></li>
					<li><a href="">人员监管</a></li>
					<li><a href="">车辆监管</a></li>
					<li><a href="">案件管理</a></li>
					<li><a href="">质量管理</a></li>
					<li><a href="">称重管理</a></li>
					<li><a href="">系统管理</a></li>
				</ul>
				<div class="info">
					<img src="img/tx.jpg" alt="">
					<span>王先生您好！</span>
				</div>
			</div>
			<div class="side">
				<ul>
					<li class="item all on">
						<div>
							<a href="javascript:;">全部</a>
							<input type="checkbox" checked="checked" class="checkalls" name="" id="" value="" />
						</div>						
					</li>
					<li class="item jichu">
						<div class="">
							<a href="javascript:;">基础设施</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>						
					</li>
					<li class="item cheliang">
						<div class="">
							<a href="javascript:;">作业车辆</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>	
						<ul class="sub">
							<li class="subtitle clearfix">
								<a href="javascript:;">作业线路1</a>
								<input type="checkbox" class="checkitem" checked="checked" name="" id="" value="" />
							</li>
							<li class="subtitle clearfix">
								<a href="javascript:;">作业线路2</a>
								<input type="checkbox" class="checkitem" checked="checked" name="" id="" value="" />
							</li>
						</ul>
					</li>
					<li class="item worker">
						<div class="">
							<a href="javascript:;">作业人员</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>	
						<ul class="sub">
							<li class="subtitle clearfix">
								<a href="javascript:;">作业线路3</a>
								<input type="checkbox" class="checkitem" checked="checked" name="" id="" value="" />
							</li>
							<li class="subtitle clearfix">
								<a href="javascript:;">作业线路4</a>
								<input type="checkbox" class="checkitem" checked="checked" name="" id="" value="" />
							</li>
						</ul>
					</li>
					<li class="item guihua">
						<div class="">
							<a href="javascript:;">作业规划</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>						
					</li>
					<li class="item ques">
						<div class="">
							<a href="javascript:;">作业问题</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>						
					</li>
					<li class="item huanwei">
						<div>
							<a href="javascript:;">环卫问题</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>						
					</li>
					<li class="item hujiu">
						<div class="">
							<a href="javascript:;">紧急呼救</a>
							<input type="checkbox" checked="checked" class="checkall" name="" id="" value="" />
						</div>						
					</li>
				</ul>
			</div>
			<div class="main clearfix">
				<div class="left">
					<div class="nav">
						<ul class="clearfix">
						<!-- navdata -->
						</ul>
					</div>
					<div class="choose">
						作业问题：
						<select name="choose">
							<option value ="all">全部</option>
							<option value ="person">人员</option>
							<option value ="car">车辆</option>
						</select>
					</div>
					<div id="allmap" style="width: 100%; height:100%;"></div>
				</div>
				<div class="right">
					<div class="box1">
						<p class="title">工作情况</p>
						<div class="scrollwap">
							<ul class="scroll1">
								<!-- scrolldata -->
							</ul>
						</div>
						
					</div>
					<div class="box2 clearfix">
						<div class="tab">
							<ul></ul>
						</div>
						<div class="tabDiv">
							<ul></ul>
						</div>
					</div>
				</div>
			</div>
		</div>	
			
		<div class="bigimg"></div>
	</body>
</html>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=2NABy5ccZ5eWbuVL6AowgQ9hauA44Eqr"></script>
<script src="js/map.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<!-- 百度地图插件 -->
<script type="text/javascript">	
	// 初始化地图
	showMap(tabdata)
	// 中间导航
	nav(navdata)
	// 右侧列表滚动
	work(scrolldata)
	// tab
	tab(tabdata)
</script>